const colors = {
  accent: "#F3534A",
  primary: "#0AC4BA",
  secondary: "#2BDA8E",
  tertiary: "#FFE358",
  black: "#323643",
  white: "#FFFFFF",
  gray: "#f9f9f9",
  add_to_cart_bg: "#FF4500"
}

const sizes = {
  // global sizes
  base: 16,
  font: 14,
  radius: 6,
  padding: 20,
  margin: 20,
  // font sizes
  h1: 26,
  h2: 20,
  h3: 18,
  title: 24,
  text: 16,
  paragraph: 14,
  caption: 12,
  search_icon: 20 
}

export { colors, sizes }